<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>9.22作业</title>
    <link rel="stylesheet" href="./css/9.22作业.css">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li class="home">HOME</li>
                <li>ABOUT</li>
                <li>ARTICLES</li>
                <li>CONTACTS</li>
                <li>SLTEMAP</li>
            </ul>
        </nav>
        <img src="./作业/images/pic-home-act.gif" alt="" class="pichome">
        <img src="./作业/images/pic-mail.gif" alt="" class="mail">
        <img src="./作业/images/pic-sitemap.gif" alt="" class="sitemap">
    </header>
    <section>
        <img src="./作业/images/logo.gif" alt="" class="p1">
        <div class="logo">
            <img src="../9.22作业/作业/images/slogan.gif" alt="">
        </div>
        <article>
            <h1>WEL .COME TO BIZSOLUTIONS!</h1>
            <p>BizSolutions is a free web template created by TemplateMonster.com team. This website template is
                optimizedfor 1024X768 screen resolution and can be delivered in two packages - with PSD source files
                included and
                BizSolutions is a free web template created by TemplateMonster.com team. This website template is
                optimized
                for 1024X768 screen resolution and can be delivered in two packages - with PSD source files included and
                without them. It has several pages: Home, About, Articles (with Article page), Contacts (note that
                contact us
                form - doesn't work), Site Map. </p>
        </article>
    </section>
    <!-- 中右边 -->
    <article class="youbian">
        <!-- 右上方框 -->
        <div class="fk"></div>
        <!-- 右上放大镜图片 -->
        <img src="./作业/images/button-search.gif" alt="" class="fdj">
        <!-- 放大镜下文字 -->
        <div class="fdjwz">
        <h3>Health Insurance </h3>
        <p>Sed ut perspiciatis undomnis iste natus error</p>
        <h3>Health Insurance </h3>
        <p>Sed ut perspiciatis undomnis iste natus error</p>
        <h3>Health Insurance </h3>
        <p>Sed ut perspiciatis undomnis iste natus error</p>
        </div>
        
    </article>
    <section class="xia">
        <div class="zuo">
            <div class="zuoshang">
                <h1>LATEST <span>NEWS</span></h1>
            </div>
            <div class="zuoxia">
                <p>24.08.2010</p>
                <p><span>Sed ut pers piciatis unomnis</span> iste natus eirsot
                    volup tatem accusantiuveniam, quis nostrud
                    exercitation ullamco laboris
                </p>
                <p>24.08.2010</p>
                <p><span>Sed ut pers piciatis unomnis</span> unomnis iste natus eirsot
                    volup tatem accusantiuveniam, quis nostrud
                    exercitation ullamco laboris
                </p>
                <p>24.08.2010</p>
                <p><span>Sed ut pers piciatis unomnis</span> iste natus eirsot
                    volup tatem accusantiuveniam, quis nostrud
                    exercitation ullamco laboris
                </p>
            </div>
        </div>
        
        <div class="you">
            <div class="youshang">
                <h1>LATEST <span>NEWS</span></h1>
                <div><img src="./作业/images/3page-img1.jpg" alt="">
                    <img src="./作业/images/3page-img2.jpg" alt="">
                    <img src="./作业/images/3page-img3.jpg" alt="">
                </div>
                <div class="youxia">
                    <h4>About Template</h4>
                    <p>Free 1028X768 Template</p>
                    <h4>About Template</h4>
                    <p>Free 1028X768 Template</p>
                    <h4>About Template</h4>
                    <p>Free 1028X768 Template</p>
                </div>
            </div>
        </div>
        <div class="right">
            <h1>OUR</h1>
            <h1>SERVICES</h1>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <p><ins>Sedut perspiciatis</ins></p>
            <div class="rightx">
                <p>More Services</p>
            </div>
        </div>
    </section>
    <footer>
        <p>Website template designed by TemplateMonster.com</p>
        <p>3D Models provided by Templates .com</p>
    </footer>
</body>

</html>